<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">
        
        <ui:define name="title">
            Campo do Ato
        </ui:define>

        <ui:define name="breadcrumb">
            <div class="breadcrumb_divider"></div>
            <a href="pesquisarAtoCampo.xhtml">Campo do Ato</a>
            <div class="breadcrumb_divider"></div>
            <a class="current">Detalhes</a>
        </ui:define>

        <ui:define name="sidebar">
            <h3>Campo do Ato</h3>
            <ul class="toggle">
                <li class="icn_new_article"><a href="criarAtoCampo.xhtml">Cadastrar</a></li>
                <li class="icn_search"><a href="pesquisarAtoCampo.xhtml">Pesquisar</a></li>
            </ul>
            <h3>Ações</h3>
            <ul class="toggle">
                <li class="icn_categories"><a href="criarAtoCampo.xhtml?atoCampoId=#{ managerPesquisarAtoCampo.atoCampoVisualizar.id }">Editar</a></li>
            </ul>
       </ui:define>        
        
        <ui:define name="content">

            <p:panel id="visualizarTipoSeloPanel" styleClass="column12">
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Nome:" />
                    </div>
                    <div class="column8 text">
                        <p:outputLabel value="#{ managerPesquisarAtoCampo.atoCampoVisualizar.nome }" />
                    </div>


                </div>
                <div class="row">
                    <div class="column2 bold">
                        <p:outputLabel value="Aplicação:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarAtoCampo.atoCampoVisualizar.aplicacao.nome }"/>
                    </div>                    
                    
                    <div class="column2 bold">
                        <p:outputLabel value="Tipo:" />
                    </div>
                    <div class="column3 text">
                        <p:outputLabel value="#{ managerPesquisarAtoCampo.atoCampoVisualizar.tipo.nome }"/>
                    </div>
                </div>
                
                <div class="command">
                    <p:button value="Voltar" icon="ui-icon-arrowreturn-1-w" href="pesquisarAtoCampo.xhtml" />
                </div>
            </p:panel>            

        </ui:define>
    </ui:composition>
</html>